<template>
    <div id="know">
        <a href="javascript:void(0);" class="weui_panel_ft">
            <span></span>
            <span>理财知识</span>
            <span>
                <!-- 查看更多
                <i></i> -->
            </span>
        </a>
        <div class="row">
            <router-link class="row_item" to="/knowledge/productKind/1"><img src="/src/assets/img/home/knowledge/guonei-1.png"/></router-link>
            <router-link class="row_item" to="/knowledge/productKind/2"><img src="/src/assets/img/home/knowledge/xianggang-1.png"/></router-link>
            <router-link class="row_item" to="/knowledge/productKind/3"><img src="/src/assets/img/home/knowledge/guoji-1.png"/></router-link>
            <router-link class="row_item" to="/knowledge/productKind/4"><img src="/src/assets/img/home/knowledge/zixun-1.png"/></router-link>
        </div>
    </div>
</template>
<script>
    
</script>
<style scoped>
    .weui_panel_ft {height: 1.4rem; font-size: 0.6rem; display: flex; flex-direction: row;background: #f7f7f7;padding: 0 .5rem;}
    .weui_panel_ft span:nth-child(1) {flex: 1;background: url(/src/assets/img/public/ellipse-1.png) no-repeat center center;background-size: 50%;}
    .weui_panel_ft span:nth-child(2) {flex: 3;font-size: .8rem;line-height: 1.5rem;color: #333;}
    .weui_panel_ft span:nth-child(3) {font-size: .7rem;flex: 10;text-align: right;color: #999;line-height: 1.4rem;}
    .weui_panel_ft span:nth-child(3) i {display: inline-block;width: .6rem;height: 100%;vertical-align: middle;background: url(/src/assets/img/public/jiantou.png) no-repeat center center;background-size: 45%;}
    .row{display: flex; flex-direction: row; background:rgb(255,255,255); box-sizing: border-box; overflow: hidden;box-shadow: 1px 2px 10px rgba(0,0,0,.05)}
    .row_item{display: inline-block; flex: 1; max-width: 25%;margin-top: 10px; margin-bottom: 10px;}
    .row_item img{width:100%}
    #know{margin-bottom: 3.5rem;}
</style>
